<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

</head>

<body>
<div class="service_list_bg1"></div>
<!--  / header  -->
<div class="header_longevity">
     <div class="header_map_longevity">   
        <img src="images/jiantou.png" alt="">
        <span>返回</span>
     </div>
     <div class="logo_longevity">产后护理</div> 
</div>
<!--  / header  -->


<div class="service">
	
	<div class="service_pro">
		<div class="service_pro_h">
			<ul class="clearfix">
				<li class="city">全杭州<i class="fa fa-angle-down"></i><span></span>
				    <ul class="city-show">
				    	<li>上城区</li>
				    	<li>下城区</li>
				    	<li>江干区</li>
				    	<li>拱墅区</li>
				    	<li>西湖区</li>
				    	<li>滨江区</li>
				    	<li>萧山区</li>
				    	<li>余杭区</li>
				    	<li>桐庐县</li>
				    	<li>淳安县</li>
				    	<li>建德市</li>
				    	<li>富阳市</li>
				    	<li>临安市</li>
				    </ul>  
				</li>
				<li class="haoping">好评率 <i class="fa fa-angle-down"></i><span></span>
				    <ul>
				    	<li></li>
				    </ul>
				</li>
				<li style="width: 35.4%;" class="jiage">价格范围 <i class="fa fa-angle-down"></i>
				    <ul class="jiage-show">
				    	<li>0-20/小时</li>
				    	<li>20-40/小时</li>
				    	<li>40-60/小时</li>
				    	<li>60-80/小时</li>
				    	<li>80-100/小时</li>
				    	<li>100-120/小时</li>
				    	<li>120-140/小时</li>
				    	<li>140-160/小时</li>
				    	<li>160-180/小时</li>
				    	<li>180-200/小时</li>
				    </ul>
				</li>
			</ul>
		</div>
	</div>	
	<div class="service_sp1"></div>
	
	<div class="service_pro_con">
		<div class="service_pro_list">
			<a href="service_inner.html">
			<div class="clearfix">
			<div class="service_pro_list_left">
				<div class="service_pro_list_left_img">
					<img src="images/service_list_1.jpg">
					<span>无保证金</span>
					<i><img src="images/nv.png"></i>
				</div>
				<div class="service_pro_list_left_zi">
					<h5>哥阿姨</h5>
					<p>21岁</p>
					<span><img src="images/smrz.png">实名认证</span>
				</div>
			</div>
		    <div class="service_pro_list_right">
		    	<h5>好评率100%</h5>
		    	<p>上月订单数 : 3个</p>
		    	<span>￥60.00/小时</span>
		    	<p class="service_pro_list_right_last">服务时间 6 : 00 - 22 : 00</p>
		    </div>
		    </div>
		   </a>
		    <h4><span>服务商圈 : </span> 大关 德胜 北山 翠苑</h4>	
		</div>
		<div class="service_sp1"></div>
		<div class="service_pro_list">
			<a href="service_inner.html">
			<div class="clearfix">
			<div class="service_pro_list_left">
				<div class="service_pro_list_left_img">
					<img src="images/service_list_1.jpg">
					<span>无保证金</span>
					<i><img src="images/nv.png"></i>
				</div>
				<div class="service_pro_list_left_zi">
					<h5>哥阿姨</h5>
					<p>21岁</p>
					<span><img src="images/smrz.png">实名认证</span>
				</div>
			</div>
		    <div class="service_pro_list_right">
		    	<h5>好评率100%</h5>
		    	<p>上月订单数 : 3个</p>
		    	<span>￥60.00/小时</span>
		    	<p class="service_pro_list_right_last">服务时间 6 : 00 - 22 : 00</p>
		    </div>
		    </div>
		    </a>
		    <h4><span>服务商圈 : </span> 大关 德胜 北山 翠苑</h4>	
		</div>
		<div class="service_sp1"></div>
		<div class="service_pro_list">
			<a href="service_inner.html">
			<div class="clearfix">
			<div class="service_pro_list_left">
				<div class="service_pro_list_left_img">
					<img src="images/service_list_1.jpg">
					<span>无保证金</span>
					<i><img src="images/nv.png"></i>
				</div>
				<div class="service_pro_list_left_zi">
					<h5>哥阿姨</h5>
					<p>21岁</p>
					<span><img src="images/smrz.png">实名认证</span>
				</div>
			</div>
		    <div class="service_pro_list_right">
		    	<h5>好评率100%</h5>
		    	<p>上月订单数 : 3个</p>
		    	<span>￥60.00/小时</span>
		    	<p class="service_pro_list_right_last">服务时间 6 : 00 - 22 : 00</p>
		    </div>
		    </div>
		    </a>
		    <h4><span>服务商圈 : </span> 大关 德胜 北山 翠苑</h4>	
		</div>
		<div class="service_sp1"></div>
	</div>
	
</div>




</body>
<script>
$(window).ready(function(){

$('.header_map_longevity').click(function(){
    history.go(-1);
});
$('.jiage').click(function(){
	$('.jiage-show').css("display","block");
	$('.service_list_bg1').show();
	$(this).find('i').removeClass('fa-angle-down');
	$(this).find('i').addClass('fa-angle-up');
})
$('.service_list_bg1').click(function(){
	$(this).hide();
    $('.jiage-show').hide();
    $('.jiage').find('i').addClass('fa-angle-down');
	$('.jiage').find('i').removeClass('fa-angle-up');
})
$(".jiage li").click(function(){
	// $('.jiage').find('i').addClass('fa-angle-down');
	// $('.jiage').find('i').removeClass('fa-angle-up');
	$(this).css("background","#e1e1e1");
	$(this).siblings().css("background","transparent");
	$(this).parents(".jiage-show").fadeOut();
	$('.service_list_bg1').fadeOut();
	$(this).parents(".jiage").find('i').addClass('fa-angle-down');
	$(this).parents(".jiage").find('i').removeClass('fa-angle-up');
})
$('.city').click(function(){
	$('.city-show').css("display","block");
	$('.service_list_bg1').show();
	$(this).find('i').removeClass('fa-angle-down');
	$(this).find('i').addClass('fa-angle-up');
})
$('.service_list_bg1').click(function(){
	$(this).hide();
    $('.city-show').hide();
    $('.city').find('i').addClass('fa-angle-down');
	$('.city').find('i').removeClass('fa-angle-up');
})
$(".city li").click(function(){
	// $('.jiage').find('i').addClass('fa-angle-down');
	// $('.jiage').find('i').removeClass('fa-angle-up');
	$(this).css("background","#e1e1e1");
	$(this).siblings().css("background","transparent");
	$(this).parents(".city-show").fadeOut();
	$('.service_list_bg1').fadeOut();
	$(this).parents(".city").find('i').addClass('fa-angle-down');
	$(this).parents(".city").find('i').removeClass('fa-angle-up');
})
$('.haoping').click(function(){
	$('.haoping-show').css("display","block");
	$('.service_list_bg1').show();
	$(this).find('i').removeClass('fa-angle-down');
	$(this).find('i').addClass('fa-angle-up');
})
$('.service_list_bg1').click(function(){
	$(this).hide();
    $('.haoping-show').hide();
    $('.haoping').find('i').addClass('fa-angle-down');
	$('.haoping').find('i').removeClass('fa-angle-up');
})
$(".haoping li").click(function(){
	// $('.jiage').find('i').addClass('fa-angle-down');
	// $('.jiage').find('i').removeClass('fa-angle-up');
	$(this).css("background","#e1e1e1");
	$(this).siblings().css("background","transparent");
	$(this).parents(".haoping-show").fadeOut();
	$('.service_list_bg1').fadeOut();
	$(this).parents(".haoping").find('i').addClass('fa-angle-down');
	$(this).parents(".haoping").find('i').removeClass('fa-angle-up');
})
  
})  
</script>
</html>
